<template>
  <div style="
  position: absolute;
                left:0;
                top:0;
                right:0;
                bottom:0;
                margin:auto;
                height:100%;
                width:370px;">
    <div>
      <div style="width: 100%;height: 100px;margin-top: 5px">
        <div style="width: 100%;height: 25%">
          <img src="/static/images/力合新图表.jpg" style="width: 100px;height: 100px;margin-top: 15px;
            float: left;border-radius: 50%;
            margin-left: 15px;box-shadow: 0 0 10px burlywood; /* 发光效果 */">
        </div>
        <div style="width: 100%;height: 25%">
          <span style="font-weight: bold;margin-left: 15px;font-size: 17px;float: left;border-radius: 50%;">2024年长护(上海)居家照护培训 </span>
        </div>
        <div style="width: 100%;height: 25%">
            <span
              style="float: left;margin-left: 15px;font-weight: bold;font-size: 14px;margin-top: 5px;color: #7e8c8d">创客老师：{{
                this.List.ckName
              }}</span>
        </div>
        <div style="width: 100%;height: 25%">
            <span
              style="float: left;margin-left: 15px;font-weight: bold;font-size: 14px;margin-top: 5px;color: #7e8c8d">老师电话：{{ this.List.ckPhone }}</span>
        </div>
        <br>
        <br>
        <hr>
      </div>
    </div>
    <!--    个人信息-->
    <div class="centered-div" style="width: 350px;height: 60%;position: relative;top: 20px;left: 5px;float: left;">
      <h1>报名成功</h1>
      <div style="font-size: 18px;text-align: left;font-weight: bold">
        <p>姓名：{{this.List.name}}</p>
        <p>电话：{{this.List.phone}}</p>
        <p>身份证：{{this.List.idcard}}</p>
        <p>缴费金额：{{this.List.money}} 元</p>
        <p>缴费时间：{{this.List.zfTime}}</p>
        <p>商户订单号：{{this.List.shddh}}</p>
        <p>支付单号：{{this.List.zfdh}}</p>
      </div>
      <span></span>
      <div
        style="width: 300px;height: 100px; position: relative;top: 50px;left: 40px;text-align: left;float: left;font-size: 14px;color: burlywood">
        提示：您已经报名成功！请联系创客老师。
      </div>


    </div>

  </div>
</template>

<script>
import {SelectDetail, selectPaySuc} from '@/api/WeiXin.js'
import './css/common.css'
import {Loading} from 'element-ui'
import './css/s1.css'
import {getDesignatedVerificationCode, SelectCode} from "../../api/WeiXin";

export default {
  data() {
    return {
      name: '',
      IDcard: '',
      phone: '',
      List:[],
    }
  },
  methods: {},

  created() {
    let name = this.$route.params.name;
    let IDcard = this.$route.params.IDcard;
    let phone = this.$route.params.phone;
    if (name != null && IDcard != null && phone != null) {
      this.name = name;
      this.IDcard = IDcard;
      this.phone = phone;
    }
    // let subData = 'name=' + this.name + '&IDcard=' + this.IDcard + '&phone=' + this.phone
    let subData = 'name=测试12&IDcard=340421198810195435&phone=13077031920'
    // 表单验证通过，执行提交操作
    selectPaySuc(subData).then(res => {
      this.List = res.data.data;
      console.log(this.List)
      // console.log(res)

    })
  }
}
</script>

<style>

</style>
